<template>
    <div class="tab_bar_container" v-show="isShowTab">
        <div class="tab_bar_wrapper">
            <slot></slot>
        </div>
    </div>
</template>
<script>
export default {
    computed: {
        isShowTab:function(){
            return this.$route.meta.isShowTab
        }
    },
        
    }
</script>
<style lang="scss" scoped>
.tab_bar_container{
    width: 100%;
    height: 3.2rem;
    position: fixed;
    bottom: 0px;
    left:0px;
    background: white;
    border-top: 1px solid lightgray;
    .tab_bar_wrapper{
        width: 100%;
        height: 100%;
        display: inline-flex;
        justify-content: space-around;
        align-items: center;
    }
}
</style>